<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<style type="text/css">
			body,
			.mui-content {
				background-color: #EFEFF4;
				margin-top: 10px;
			}
			.mui-content input {
				height: 50px;
				background-color: #fefefe;
				border: 1px groove #FAFAFA;
				border-radius: 5px;
			}
			.mui-content textarea {
				
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<div style="padding: 5px;">

			<textarea rows="7" placeholder="请输入反馈意见..."></textarea>
			<input type="email" required="required" class="mui-input-clear" placeholder=" 手机/邮箱">
			<button class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined" style="padding: 10px; margin: 2px auto;">提交</button>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js"></script>
		<script type="text/javascript">
			document.querySelector("button").addEventListener('tap', function() {
				plus.nativeUI.showWaiting('正在提交...');
				mui.ajax('http://www.ba8idu.com', {
					data: {
						email: document.getElementsByTagName('input')[0].value,
						feedback: document.getElementsByTagName('textarea')[0].value
					},
					type: 'post', //HTTP请求类型
					timeout: 10000, //超时时间设置为10秒；
					success: function(data) {
						plus.nativeUI.closeWaiting();
						mui.toast("感谢您的反馈");
					},
					error: function(xhr, type, errorThrown) {
						//异常处理；
						plus.nativeUI.closeWaiting();
						mui.toast("反馈失败");
					}
				});
			});
		</script>
	</body>

</html>